<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="template.xhtml">
   <!-- <f:loadBundle basename="mensajes" var="msgs" /> --> 
    <ui:define name="menu">
       <ui:include src="menu-empleado.xhtml"/>
    </ui:define>
	<ui:define name="content">
	
		<h:form id="frm">
		    <table>
			    <tr> 
			        <td>
			            <h:outputLabel for="cmbCentros" value="#{msgs['solicitar-aprobacion.centro-costo']}" />
			        </td>		
			        <td>             
		                <h:selectOneMenu id="cmbCentros" value="#{solicitarAprobacionBean.centroCostoID}"
		                                 label = "#{msgs['solicitar-aprobacion.centro-costo']}">               
                                <f:selectItems 
                					value="#{solicitarAprobacionBean.centroCostoList}" 
                					var="w" 
                					itemLabel="#{w.nombre}" 
                					itemValue="#{w.id}" />
                        </h:selectOneMenu>	
		            </td>
		        </tr>

				<tr>
					<td><h:outputLabel for="descText"
							value="#{msgs['solicitar-aprobacion.descripcion']}" /></td>
					<td><h:inputTextarea id="descText" row="20" col="150"
							style="width:200px;height:100px;"
							value="#{solicitarAprobacionBean.descripcion}"
							label="#{msgs['solicitar-aprobacion.descripcion']}"
							styleClass="max" required="true">
							<f:validateLength maximum="256" minimum="1" />
						</h:inputTextarea></td>
				</tr>
				<tr>
					<td><h:outputLabel for="importe"
							value="#{msgs['solicitar-aprobacion.importe']}" />
					</td>
					<td><h:inputText id="importe"
							value="#{solicitarAprobacionBean.importe}" required="true"
							label="#{msgs['solicitar-aprobacion.importe']}" >
							<f:validateDoubleRange minimum="1.00" maximum="9999.99" />
						</h:inputText>	
					</td>
				</tr>
				<tr>
					<td>
					</td>
					<td><p:messages id="mensajes" autoUpdate="true"
							closable="true" />
					</td>
				</tr>
				<tr> 
		            <td></td>
		            <td>
		                <p:commandButton id="btnAceptar"
		                 value="#{msgs['solicitar-aprobacion.boton']}" 
		                 actionListener="#{solicitarAprobacionBean.enviar}" >
		        			<p:confirm header="#{msgs['solicitar-aprobacion.dialog.titulo']}" 
		        				message="#{msgs['solicitar-aprobacion.dialog.pregunta']}"
								icon="ui-icon-alert" />
		                </p:commandButton>
				    </td>
				</tr>
		    </table>
		   
			<p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
				<center>
					<p:commandButton value="#{msgs['solicitar-aprobacion.boton']}"
						type="button" styleClass="ui-confirmdialog-yes"
						icon="ui-icon-check" />
					<p:commandButton
						value="#{msgs['solicitar-aprobacion.boton.cancelar']}"
						type="button" styleClass="ui-confirmdialog-no"
						icon="ui-icon-close" />
				</center>
			</p:confirmDialog>

		</h:form>
		
	</ui:define>

</ui:composition>
</html>